<link rel="stylesheet" href="/font-awesome-4.7.0/css/font-awesome.css">
<link rel="stylesheet" href="/font-awesome-4.7.0/icons-1.10.5/font/bootstrap-icons.css">
<link href="/icheck/skin/blue.css" rel="stylesheet">
<script src="/icheck/icheck.min.js"></script>
<script src="/js/jquery.spinner.min.js"></script>
<script src="/js/tool/croninit.js"></script>
<script src="/js/tool/cronboot.js"></script>

<div class="container-fluid">
    <div class="col-12 p-0 m-0">
        <div class="card mt-2">
            <div class="card-header">
                <h3 >CRON 生成器</h3>
            </div>
            <div class="card-body">

                <ul id="myTab" class="nav nav-tabs">
                    <li class="nav-item active"><button class="nav-link active" data-bs-target="#t_second_tab" id="t_second" data-bs-toggle="tab" type="button" role="tab" aria-controls="t_second" aria-selected="true" >秒</button ></li>
                    <li class="nav-item"><button  class="nav-link" data-bs-target="#t_min_tab"  id="t_min"  data-bs-toggle="tab" type="button" role="tab" aria-controls="t_min_tab" aria-selected="false">分</button></li>
                    <li class="nav-item"><button  class="nav-link" data-bs-target="#t_hour_tab"  id="t_hour"  data-bs-toggle="tab" type="button" role="tab" aria-controls="t_hour_tab" aria-selected="false" >时</button></li>
                    <li class="nav-item"><button  class="nav-link" data-bs-target="#t_day_tab"  id="t_day"  data-bs-toggle="tab" type="button" role="tab" aria-controls="t_day_tab" aria-selected="false" >日</button></li>
                    <li class="nav-item"><button  class="nav-link" data-bs-target="#t_month_tab"  id="t_month"  data-bs-toggle="tab" type="button" role="tab" aria-controls="t_month_tab" aria-selected="false" >月</button></li>
                    <li class="nav-item"><button  class="nav-link" data-bs-target="#t_quarter_tab"  id="t_quarter"  data-bs-toggle="tab" type="button" role="tab" aria-controls="t_quarter_tab" aria-selected="false" >季</button></li>
                    <li class="nav-item"><button  class="nav-link" data-bs-target="#t_week_tab"  id="t_week"  data-bs-toggle="tab" type="button" role="tab" aria-controls="t_week_tab" aria-selected="false" >周</button></li>
                    <li class="nav-item"><button  class="nav-link" data-bs-target="#t_year_tab"  id="t_year"  data-bs-toggle="tab" type="button" role="tab" aria-controls="t_year_tab" aria-selected="false" >年</button></li>
                </ul>


                <div id="myTabContent" class="tab-content">
                    <div class="tab-pane fade show  active in  " id="t_second_tab">
                        <div class="radiocheck">
                            <p><input type="radio" checked="checked" id="r_second" name="second" class="firstradio">&nbsp; &nbsp; 每秒</p>
                        </div>
                        <div class="radiocheck">
                            <p><div class="row">
                                <div class="col-12 col-sm-6 col-md-3">
                                    <div data-trigger="spinner" class="cyclespin">
                                        <input type="radio" name="second" class="cycleradio">
                                        &nbsp; &nbsp;周期&nbsp; 从
                                        <input type="text" data-max="59" value="0" style="width:50px;"  class="numberspinner" name="second">
                                        <a href="javascript:void(0);" data-spin="down"><i class="bi bi-dash-lg"></i></a>
                                        <a href="javascript:void(0);" data-spin="up"><i class=" bi bi-plus-lg"></i></a> 秒
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-6 col-md-3">
                                    <div data-trigger="spinner" class="cyclespin">
                                        到
                                        <input type="text" data-max="59" value="0" style="width:50px;" class="numberspinner" name="second">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class=" bi bi-plus-lg"></i></a>
                                        秒
                                    </div>
                                </div>
                            </div></p>
                        </div>


                        <div class="radiocheck">
                            <p><div class="row">
                                <div class="col-xs-12 col-sm-12 col-md-3">
                                    <div data-trigger="spinner" class="loopspin">
                                        <input type="radio" name="second" class="loopradio">
                                        &nbsp; &nbsp;循环&nbsp; 从
                                        <input type="text" data-max="59" value="0" style="width:50px;" class="numberspinner"  name="second">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="  bi bi-plus-lg"></i></a> 秒 开始
                                    </div>
                                </div>

                                <div class="col-xs-12 col-sm-12 col-md-3">
                                    <div data-trigger="spinner" class="loopspin">
                                        每
                                        <input type="text" data-max="59" value="0" style="width:50px;" class="numberspinner" name="second">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="bi bi-plus-lg"></i></a>
                                        秒 执行一次
                                    </div>
                                </div>
                            </div>
                            </p>
                        </div>


                        <div class="radiocheck">
                            <p><input type="radio" name="second" class="choiceradio">&nbsp; &nbsp;自定义

                            <div class="row">
                                <div  class="secondList row p-0 m-0" id="l_second">

                                </div>
                            </div>
                            </p>
                        </div>
                    </div>

                    <div class="tab-pane fade" aria-labelledby="t_min"  id="t_min_tab" role="tabpanel" tabindex="0">
                        <div class="radiocheck">
                            <p><input type="radio" checked="checked" id="r_minute" name="min" class="firstradio">&nbsp;&nbsp; 每分</p>
                        </div>

                        <div class="radiocheck">
                            <p>
                            <div class="row">
                                <div class="col-xs-12 col-sm-6 col-md-3">
                                    <div data-trigger="spinner" class="cyclespin">
                                        <input type="radio" name="min" class="cycleradio">
                                        &nbsp; &nbsp;周期&nbsp; 从
                                        <input type="text" data-max="59" value="0" style="width:50px;" class="numberspinner" name="min">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="  bi bi-plus-lg"></i></a> 分
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-6 col-md-3">
                                    <div data-trigger="spinner" class="cyclespin">
                                        到
                                        <input type="text" data-max="59" value="0" style="width:50px;"  class="numberspinner" name="min">
                                        <a href="javascript:;" data-spin="down"><i class="bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="bi bi-plus-lg"></i></a>
                                        分
                                    </div>
                                </div>
                            </div>
                            </p>
                        </div>


                        <div class="radiocheck">
                            <p><div class="row">
                                <div class="col-xs-12 col-sm-12 col-md-3">
                                    <div data-trigger="spinner" class="loopspin">
                                        <input type="radio" name="min" class="loopradio">
                                        &nbsp; &nbsp;循环&nbsp; 从
                                        <input type="text" data-max="59" value="0" style="width:50px;" class="numberspinner" name="min">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="  bi bi-plus-lg"></i></a> 分 开始
                                    </div>
                                </div>

                                <div class="col-xs-12 col-sm-12 col-md-3">
                                    <div data-trigger="spinner" class="loopspin">
                                        每
                                        <input type="text" data-max="59" value="0" style="width:50px;" class="numberspinner"  name="min">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="bi bi-plus-lg"></i></a>
                                        分 执行一次
                                    </div>
                                </div>
                            </div>
                            </p>
                        </div>

                        <div class="radiocheck">
                            <p><input type="radio" name="min" class="choiceradio">&nbsp; &nbsp;自定义
                            <div class="row">
                                <div class="minList row" id="l_min">

                                </div>
                            </div>
                            </p>
                        </div>
                    </div>

                    <div class="tab-pane fade" aria-labelledby="t_hour"  id="t_hour_tab" role="tabpanel" tabindex="0" >
                        <div class="radiocheck">
                            <p><input type="radio" checked="checked" id="r_hour" name="hour" class="firstradio">&nbsp;&nbsp; 每时</p>
                        </div>
                        <div class="radiocheck">
                            <p><div class="row">
                                <div class="col-xs-12 col-sm-6 col-md-3">
                                    <div data-trigger="spinner" class="cyclespin">
                                        <input type="radio" name="hour" class="cycleradio"> &nbsp; &nbsp;周期&nbsp; 从
                                        <input type="text" data-rule="hour" style="width:50px;" class="numberspinner" name="hour">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="  bi bi-plus-lg"></i></a> 时
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-6 col-md-3">
                                    <div data-trigger="spinner" class="cyclespin">
                                        到
                                        <input type="text" data-rule="hour" style="width:50px;" class="numberspinner" name="hour">
                                        <a href="javascript:;" data-spin="down"><i class="  bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="bi bi-plus-lg"></i></a>
                                        时
                                    </div>
                                </div>
                            </div>
                            </p>
                        </div>


                        <div class="radiocheck">
                            <p>
                            <div class="row">
                                <div class="col-xs-12 col-sm-12 col-md-3">
                                    <div data-trigger="spinner" class="loopspin">
                                        <input type="radio" name="hour" class="loopradio">
                                        &nbsp; &nbsp;循环&nbsp; 从
                                        <input type="text" data-rule="hour" style="width:50px;" class="numberspinner" name="hour">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="  bi bi-plus-lg"></i></a> 时 开始
                                    </div>
                                </div>

                                <div class="col-xs-12 col-sm-12 col-md-3">
                                    <div data-trigger="spinner" class="loopspin">
                                        每
                                        <input type="text" data-rule="hour" style="width:50px;" class="numberspinner" name="hour">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="bi bi-plus-lg"></i></a>
                                        时 执行一次
                                    </div>
                                </div>
                            </div>
                            </p>
                        </div>

                        <div class="radiocheck">
                            <p><input type="radio" name="hour" class="choiceradio">&nbsp; &nbsp;自定义
                            <div class="row">
                                <div class="hourList row" id="l_hour">

                                </div>
                            </div>
                            </p>
                        </div>

                    </div>

                    <div class="tab-pane fade" aria-labelledby="t_day"  id="t_day_tab" role="tabpanel" tabindex="0" >
                        <div class="radiocheck">
                            <p><input type="radio" checked="checked" id="r_day" name="day" class="firstradio">&nbsp; &nbsp; 每日</p>
                        </div>
                        <div class="radiocheck"><p><input type="radio" name="day" class="noconfirmradio">&nbsp;&nbsp; 不指定(指定周时，日 需设置为不指定)</p></div>
                        <div class="radiocheck"><p><input type="radio" name="day" class="lastdayradio">&nbsp;&nbsp; 月最后一日</p></div>
                        <div class="radiocheck">
                            <p><div class="row">
                                <div class="col-xs-12 col-sm-6 col-md-3">
                                    <div data-trigger="spinner" class="cyclespin">
                                        <input type="radio" name="day" class="cycleradio">
                                        &nbsp; &nbsp;周期&nbsp; 从
                                        <input type="text" data-rule="day" style="width:50px;" class="numberspinner" name="day">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="  bi bi-plus-lg"></i></a> 日
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-6 col-md-3">
                                    <div data-trigger="spinner" class="cyclespin">
                                        到<input type="text" data-rule="day" style="width:50px;" class="numberspinner" name="day">
                                        <a href="javascript:;" data-spin="down"><i class="  bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="bi bi-plus-lg"></i></a>
                                        日
                                    </div>
                                </div>
                            </div>
                            </p>
                        </div>

                        <div class="radiocheck">
                            <p><div class="row">
                                <div class="col-xs-12 col-sm-12 col-md-3">
                                    <div data-trigger="spinner" class="loopspin">
                                        <input type="radio" name="day" class="loopradio">
                                        &nbsp; &nbsp;循环&nbsp; 从
                                        <input type="text" data-rule="day" style="width:50px;" class="numberspinner" name="day">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="  bi bi-plus-lg"></i></a> 日 开始
                                    </div>
                                </div>

                                <div class="col-xs-12 col-sm-12 col-md-3">
                                    <div data-trigger="spinner" class="loopspin">
                                        每<input type="text" data-rule="day" style="width:50px;" class="numberspinner" name="day">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="bi bi-plus-lg"></i></a>
                                        日 执行一次
                                    </div>
                                </div>
                            </div>
                            </p>
                        </div>

                        <div class="radiocheck">
                            <p><div class="row">
                                <div class="col-xs-12 col-sm-12 col-md-6">
                                    <div data-trigger="spinner" class="nearspin">
                                        <input type="radio" name="day" class="nearradio">
                                        &nbsp; &nbsp;每月&nbsp; 离
                                        <input type="text" data-rule="day" style="width:50px;" class="numberspinner" name="day">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="  bi bi-plus-lg"></i></a> 日 最近工作日
                                    </div>
                                </div>

                            </div>
                            </p>
                        </div>

                        <div class="radiocheck">
                            <p><input type="radio" name="day" class="choiceradio">&nbsp; &nbsp;自定义

                            <div class="row">
                                <div class="dayList row" id="l_day">

                                </div>
                            </div>
                            </p>
                        </div>

                    </div>

                    <div class="tab-pane fade" aria-labelledby="t_month"  id="t_month_tab" role="tabpanel" tabindex="0" >
                        <div class="radiocheck"><p><input type="radio" checked="checked" id="r_month" name="month" class="firstradio">&nbsp; &nbsp; 每月</p>
                        </div>
                        <div class="radiocheck">
                            <p> <div class="row">
                                <div class="col-xs-12 col-sm-6 col-md-3">
                                    <div data-trigger="spinner" class="cyclespin">
                                        <input type="radio" name="month" class="cycleradio">
                                        &nbsp; &nbsp;周期&nbsp; 从
                                        <input type="text" data-rule="month" style="width:50px;" class="numberspinner" name="month">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="  bi bi-plus-lg"></i></a> 月
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-6 col-md-3">
                                    <div data-trigger="spinner" class="cyclespin">
                                        到 <input type="text" data-rule="month" style="width:50px;" class="numberspinner" name="month">
                                        <a href="javascript:;" data-spin="down"><i class="  bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="bi bi-plus-lg"></i></a>
                                        月
                                    </div>
                                </div>
                            </div>
                            </p>
                        </div>


                        <div class="radiocheck">
                            <p><div class="row">
                                <div class="col-xs-12 col-sm-12 col-md-3">
                                    <div data-trigger="spinner" class="loopspin">
                                        <input type="radio" name="month" class="loopradio">
                                        &nbsp; &nbsp;循环&nbsp; 从
                                        <input type="text" data-rule="month" style="width:50px;" class="numberspinner" name="month">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="  bi bi-plus-lg"></i></a> 月 开始
                                    </div>
                                </div>

                                <div class="col-xs-12 col-sm-12 col-md-3">
                                    <div data-trigger="spinner" class="loopspin">
                                        每 <input type="text" data-rule="month" style="width:50px;" class="numberspinner" name="month">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="bi bi-plus-lg"></i></a>
                                        月 执行一次
                                    </div>
                                </div>
                            </div>
                            </p>
                        </div>

                        <div class="radiocheck">
                            <p><input type="radio" name="month" class="choiceradio">&nbsp; &nbsp;自定义

                            <div class="row">
                                <div class="monthList row" id="l_month">

                                </div>
                            </div>
                            </p>
                        </div>

                    </div>

                    <div class="tab-pane fade" aria-labelledby="t_quarter"  id="t_quarter_tab" role="tabpanel" tabindex="0" >
                        <div class="radiocheck"><p><input type="radio" checked="checked" id="r_quarter" name="quarter"
                                                          class="firstradioreactor">&nbsp;
                            &nbsp; 不指定</p></div>


                        <div class="radiocheck">
                            <p><input type="radio" name="quarter" class="choiceradio">&nbsp; &nbsp;自定义

                            <div class="row">
                                <div class="qtList" id="quarter_spe">
                                    <div class='col-xs-1 col-sm-1 col-md-4'><label><input type='checkbox' value="1,4,7,10"> &nbsp;每季度第一个月</label>
                                    </div>
                                    <div class='col-xs-1 col-sm-1 col-md-4'><label><input type='checkbox' value="2,5,8,11"> &nbsp;每季度第二个月</label>
                                    </div>
                                    <div class='col-xs-1 col-sm-1 col-md-4'><label><input type='checkbox' value="3,6,9,12"> &nbsp;每季度第三个月</label>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="monthList row m-0 p-0" id="l_quarter">
                                </div>
                            </div>
                            </p>
                        </div>
                    </div>

                    <div class="tab-pane fade" aria-labelledby="t_week"  id="t_week_tab" role="tabpanel" tabindex="0"  >
                        <div class="radiocheck">
                            <p><input type="radio" checked="checked" id="r_week" name="week" class="firstradio">&nbsp; &nbsp; 每周</p>
                        </div>

                        <div class="radiocheck">
                            <p><input type="radio" name="week" class="noconfirmradio">&nbsp; &nbsp; 不指定(指定日时，周 需设置为不指定)</p>
                        </div>


                        <div class="radiocheck">
                            <p><div class="row">
                                <div class="col-xs-12 col-sm-6 col-md-3">
                                    <div data-trigger="spinner" class="cyclespin">
                                        <input type="radio" name="week" class="cycleradio">
                                        &nbsp; &nbsp;周期&nbsp; 从周
                                        <input type="text" data-rule="percent" style="width:50px;" class="numberspinner" name="week">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="  bi bi-plus-lg"></i></a>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-6 col-md-3">
                                    <div data-trigger="spinner" class="cyclespin">
                                        到周
                                        <input type="text" data-rule="percent" style="width:50px;" class="numberspinner"
                                               name="week">
                                        <a href="javascript:;" data-spin="down"><i class="  bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="bi bi-plus-lg"></i></a>
                                    </div>
                                </div>
                            </div>
                            </p>
                        </div>


                        <div class="radiocheck">
                            <p> <div class="row">
                                <div class="col-xs-12 col-sm-12 col-md-3">
                                    <div data-trigger="spinner" class="loopspin">
                                        <input type="radio" name="week" class="loopradio">
                                        &nbsp; &nbsp;循环 &nbsp;从周
                                        <input type="text" data-rule="percent" style="width:50px;" class="numberspinner" name="week">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="  bi bi-plus-lg"></i></a> 开始
                                    </div>
                                </div>

                                <div class="col-xs-12 col-sm-12 col-md-3">
                                    <div data-trigger="spinner" class="loopspin">
                                        每隔 <input type="text" data-rule="percent" style="width:50px;" class="numberspinner" name="week">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="bi bi-plus-lg"></i></a>
                                        天执行一次

                                    </div>
                                </div>
                            </div>
                            </p>
                        </div>


                        <div class="radiocheck">
                            <p> <div class="row">
                                <div class="col-xs-12 col-sm-12 col-md-3">
                                    <div data-trigger="spinner" class="designspin">
                                        <input type="radio" name="week" class="designradio">
                                        &nbsp; &nbsp;指定&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第
                                        <input type="text" data-rule="percent" style="width:50px;" class="numberspinner" name="week">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="  bi bi-plus-lg"></i></a> 周的
                                    </div>
                                </div>

                                <div class="col-xs-12 col-sm-12 col-md-3">
                                    <div data-trigger="spinner" class="designspin">
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;周
                                        <input type="text" data-rule="percent" style="width:50px;" class="numberspinner" name="week">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="bi bi-plus-lg"></i></a>
                                    </div>
                                </div>
                            </div>
                            </p>
                        </div>

                        <div class="radiocheck">
                            <p> <div class="row">
                                <div class="col-xs-12 col-sm-12 col-md-6">
                                    <div data-trigger="spinner" class="lastspin">
                                        <input type="radio" name="week" class="lastradio">
                                        &nbsp; &nbsp;本月最后一个周
                                        <input type="text" data-rule="percent" style="width:50px;" class="numberspinner" name="week">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="  bi bi-plus-lg"></i></a>
                                    </div>
                                </div>

                            </div>
                            </p>
                        </div>

                        <div class="radiocheck">
                            <p><input type="radio" name="week" class="choiceradio">&nbsp; &nbsp;自定义

                            <div class="row">
                                <div class="weekList row" id="l_week">

                                </div>
                            </div>
                            </p>
                        </div>
                    </div>

                    <div class="tab-pane fade" aria-labelledby="t_year"  id="t_year_tab" role="tabpanel" tabindex="0"  >
                        <div class="radiocheck">
                            <p><input type="radio" checked="checked" id="r_year" name="year" class="unselectradio">&nbsp; &nbsp; 不指定</p>
                        </div>
                        <div class="radiocheck">
                            <p><input type="radio" name="year" class="firstradio">&nbsp; &nbsp; 每年</p>
                        </div>


                        <div class="radiocheck">
                            <p> <div class="row">
                                <div class="col-xs-12 col-sm-6 col-md-3">
                                    <div data-trigger="spinner" class="cyclespin">
                                        <input type="radio" name="year" class="cycleradio">
                                        &nbsp; &nbsp;周期&nbsp; 从
                                        <input type="text" style="width:50px;" class="numberspinner" name="year" value="2015">
                                        <a href="javascript:;" data-spin="down"><i class=" bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="  bi bi-plus-lg"></i></a>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-6 col-md-3">
                                    <div data-trigger="spinner" class="cyclespin">
                                        到 <input type="text" style="width:50px;" class="numberspinner" name="year" value="2016">
                                        <a href="javascript:;" data-spin="down"><i class="  bi bi-dash-lg "></i></a>
                                        <a href="javascript:;" data-spin="up"><i class="bi bi-plus-lg"></i></a>
                                    </div>
                                </div>
                            </div>
                            </p>
                        </div>


                    </div>


                </div>

            </div>
        </div>

        <div class="card mt-2">
            <div class="card-header">
                <h3>表达式结果</h3>
            </div>

            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered">

                        <thead>
                        <tr>
                            <th>秒</th>
                            <th>分</th>
                            <th>时</th>
                            <th>日</th>
                            <th>月</th>
                            <th>周</th>
                            <th>年</th>

                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td><span name="v_second">*</span></td>
                            <td><span name="v_min">*</span></td>
                            <td><span name="v_hour">*</span></td>
                            <td><span name="v_day">*</span></td>
                            <td><span name="v_month">*</span></td>
                            <td><span name="v_week">?</span></td>
                            <td><span name="v_year"></span></td>
                        </tr>
                        </tbody>
                    </table>

                </div>

                <div class="well well-sm">
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-2">
                            <b>Cron表达式：</b>
                        </div>
                        <div class="col-xs-12 col-sm-12 col-md-8">
                            <input type="text" name="cron" style="width: 100%;" value="* * * * * ?" id="cron"/>
                            <input type="hidden" id="transCron" name="transCron" value=""/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
